<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1" />
    <meta name="viewport" content="width=800px,maximum-scale=1.0, user-scalable=no,target-densitydpi=320" />
    <title>CSLN微信</title>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jq.js"></script>
</head>

<body>
    <header>
        <div class="wrapper">
            <div class="research">
                <form id="research" action="" method="">
                    <input type="text" placeholder="请输入要查询的图书" />
                    <button><i class="icon-search"></i></button>
                </form>
            </div>
        </div>
    </header>
    <div class="maincontainer">
        <div class="wrapper">
            <section class="headerimg">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide hdimg01"></div>
                        <div class="swiper-slide hdimg02"></div>
                        <div class="swiper-slide hdimg03"></div>
                        <div class="swiper-slide hdimg04"></div>
                        <div class="swiper-slide hdimg05"></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </section>
            <section class="content">
                <ul>
                    <li>
                        <a class="icon-txt" href="barcode.html">
                            <div class="icon" id="icon1-1"></div><span class="txt">我的读者证</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="record.html">
                            <div class="icon" id="icon1-2"></div><span class="txt">借书记录</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="myscore.html">
                            <div class="icon" id="icon1-3"></div><span class="txt">我的成绩</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="renew.html">
                            <div class="icon" id="icon1-4"></div><span class="txt">未还/续借</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="readingtest.html">
                            <div class="icon" id="icon2-1"></div><span class="txt">阅读测评</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon2-2"></div><span class="txt">图书热评</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon2-3"></div><span class="txt">本馆热借</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon2-4"></div><span class="txt">查书/预约</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon3-1"></div><span class="txt">读书排行</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon3-2"></div><span class="txt">阅览室座位</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon3-3"></div><span class="txt">我的2016</span></a>
                    </li>
                    <li>
                        <a class="icon-txt" href="#">
                            <div class="icon" id="icon3-4"></div><span class="txt">我的荐购</span></a>
                    </li>
                </ul>
            </section>
        </div>
    </div>
    <footer>
        <div class="wrapper">
            <ul class="footernav">
                <li>
                    <a href="index.html" class="active">
                        <div class="footerimg ftimg01"></div><span>首页</span></a>
                </li>
                <li>
                    <a href="message.html">
                        <div class="footerimg ftimg02"></div><span>消息</span></a>
                </li>
                <li>
                    <a href="event.html">
                        <div class="footerimg ftimg03"></div><span>活动</span></a>
                </li>
                <li>
                    <a href="mine.html">
                        <div class="footerimg ftimg04"></div><span>我的</span></a>
                </li>
            </ul>
        </div>
    </footer>

</body>

</html>
